<template>
  <div class="kl-swiper">
    <mt-swipe>
      <!-- lunbotu需要外部传递，此时调用轮播图组件的父组件需要传递进一个lunbotu的数据进来，这里通过props接收 -->
      <mt-swipe-item v-for="item in lunbotu"
                     :key="item.url">
        <img :src="item.url || item">
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
export default {
  props: ['lunbotu']
}
</script>
<style lang="less" scoped>
.mint-swipe {
  width: 100%;
  // height: 360rem / @baseFontSize;
  // 高度使用行内样式设置，哪个组件用到就在对应的组件中使用
  img {
    width: 100%;
    // height: 100%;
  }
}
</style>
